<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<link rel="stylesheet" href="../css/bootstrap.min.css" />
		<title></title>
	</head>
	<body>
		<div class="container">
			<div class="media">
				<div class="media-left media-middle">
					<!DOCTYPE html>
					<html>
						<head>
							<meta charset="utf-8">
							<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
							<title></title>
							<link rel="stylesheet" href="css/bootstrap.min.css" />
							<style>
								img {
									width: 120px;
								}
								
								.media{
									border:2px solid #ccc;
								}
								
								.media .media-body{
									padding: 15px 10px;
								}
							</style>
						</head>
						<body>
							<div class="container">
								<div class="media">
									<div class="media-left media-middle">
										<a href="#">
											<img class="media-object" src="demo2/images/1.jpg" alt="...">
										</a>
									</div>
									<div class="media-body">
										<h4 class="media-heading">改变的力量</h4>
										<p>“六力理论”是作者......</p>
										<small>5分钟前/ 股市</small>
										<small style="margin-left:70%;color: #f0ad4e"> 评论 | 分享 </small>
									</div>
								</div>
								<div class="media">
									<div class="media-body">
										<h4 class="media-heading">经济学原理</h4>
										<p>“经济学原理”是作者......</p>
										<small>5分钟前/ 股市</small>
										<small style="margin-left:70%;color: #f0ad4e"> 评论 | 分享 </small>
									</div>
									<div class="media-right media-middle">
										<a href="#">
											<img class="media-object" src="demo2/images/2.jpg" alt="...">
										</a>
									</div>
								</div>
							</div>
					
					
					
						</body>
					</html>
					
				</div>
			</div>
		</div>
	</body>
</html>
